
/** INI ***************** Clases generales  **************/
body{
	font-family: Arial, Helvetica, 'sans-serif';
}

table{
	border-collapse: collapse;
}

a:link{
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.frameSuperiorTop{
	background-color: #2652e1;
	font-size: 60px;
	color: #add3f3;
}

.frameSuperiorBottom{
	background-color: #f4f2f2;
}

.faldaTabla{
	border: 1px solid #ccc;
	padding: 5px;
	color: #777;
	background-color: #d1cfcf;
	}

/** FIN ***************** Clases generales  **************/

/** INI ***************** Clases Mensajes ERROR  **************/
DIV.capaBlocker {
	position: absolute;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	z-index: 50;
	background-color: #f4f2f2;
	filter:alpha(opacity=70); 
	opacity:0.7;
}

DIV.capaError {
	position: absolute;
	top: 30%;
	left: 30%;
	width: 40%;
	z-index: 100;
	background-color: #ffffff;
}

.tablaError{
	font-size: 13px;
	border-collapse:collapse;
	border: 1px solid #ccc;
	}
	
.tituloTablaError{
	font-size: 16px;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	color: #ff0000;
	}
	
.columnaError{
	padding: 5px;
	}
	
/** FIN ***************** Clases Mensajes ERROR  **************/

/** INI ***************** Clases Tabla FORM  **************/

.tablaForm{
	font-size: 13px;
	border-collapse:collapse;
	border: 1px solid #ccc;
	}

.tituloTablaForm{
	font-size: 16px;
	color: #777;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	}

.columnaForm{
	padding: 5px;
	}

.submitButton{
	border: none;
	font-weight: bold;
	color: #000000;
	background-color: #d1cfcf;
	padding: 0px;
}

.submitButton:hover{
	border: none;
	font-weight: bold;
	color: #ffffff;
	background-color: #d1cfcf;
	cursor: pointer;
}

input[type="text"].Form {
	border: thin #999999 outset;
	background: transparent;
	color:#333333;
}
input[type="text"]:hover.Form {
	border: thin #999999 outset;
	filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;
	background: #f4f2f2;
	color: #000000;
}
input[type="text"]:focus.Form  {
	border: thin #000000 solid;
	background: #f4f2f2;
	color: #000000;
}
input[type="text"]:focus:hover.Form {
	border: thin #000000 solid;
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
	background: #FFFFFF;
	color: #000000;
}

input[type="password"].Form {
	border: thin #999999 outset;
	background: transparent;
	color:#333333;
}
input[type="password"]:hover.Form {
	border: thin #999999 outset;
	filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;
	background: #f4f2f2;
	color: #000000;
}
input[type="password"]:focus.Form  {
	border: thin #000000 solid;
	background: #f4f2f2;
	color: #000000;
}
input[type="password"]:focus:hover.Form {
	border: thin #000000 solid;
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
	background: #FFFFFF;
	color: #000000;
}
/** FIN ***************** Clases Tabla FORM  **************/

/** INI ***************** Clases Tabla Datos  **************/

.tablaDatos{
	font-size: 13px;
	border-collapse:collapse;
	border: 1px solid #ccc;
	}

.tituloTablaDatos{
	font-size: 16px;
	color: #777;
	padding: 5px;
	}
		
.filaCabeceraDatos { 
	background-color: #2652e1;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	}
	
.filaDatos { 
	background-color: #f4f2f2; 
	border-bottom: 1px solid #ccc;
	}

.columnaTablaDatos{
	padding: 5px;
	}
	
/** FIN ***************** Clases Tabla Datos  **************/


/** INI ***************** Clases del Menu  **************/
ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	border-bottom: 1px solid #ccc;
	}
	
li ul.menu {
	position: absolute;
	left: 149px;
	top: 0;
	display: none;
	}
	
ul li.menu {
	position: relative;
	}
	
ul li a.menu {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}
	
ul li a.menu {
	display: block;
	text-decoration: none;
	color: #777;
	border: 1px solid #ccc;
	border-bottom: 0;
	}
	
li:hover ul.menu { display: block; }

a:hover.menu {color: #2652e1;}

/** FIN ***************** Clases del Menu  **************/